import React from 'react';

const Database = () => {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 16C17.0495 16 21 14.2723 21 12V7H3V12C3 14.2723 6.95053 16 12 16Z"
        className={`  fill-[#70799A] text-xl transition-all`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21 12C21 14.2723 17.0495 16 12 16C6.95053 16 3 14.2723 3 12V17C3 19.2723 6.95053 21 12 21C17.0495 21 21 19.2723 21 17V12Z"
        className={`  fill-[#C8CDD8] text-xl transition-all`}
      />
      <path
        d="M21 7.11429C21 9.38654 16.9706 11 12 11C7.02944 11 3 9.38654 3 7.11429C3 4.84203 7.02944 3 12 3C16.9706 3 21 4.84203 21 7.11429Z"
        className={`  fill-[#C8CDD8] text-xl transition-all`}
      />
    </svg>
  );
};

export default Database;
